<template>
  <div>
      <h4>分页展示首页</h4>
      {{PlatfromUserAccountBean.length}}
      <!-- {{alert(scope.row.face)}} -->
  <el-table
    :data="PlatfromUserAccountBean.list"
    border
    style="width: 100%">
    <el-table-column
      prop="userBeans.name"
      label="账户名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="comt"
      label="评论"
      width="180">
    </el-table-column>
      <el-table-column
      prop="num"
      label="点赞数">
    </el-table-column>
  </el-table>
   <!-- <div class="block">
  <span class="demonstration"></span> -->
  <!-- <el-pagination
      @current-change="pageClicksService"
      :current-page.sync="param.pageNO"
      :page-size="3"
      layout="total, prev, pager, next"
      :total="PlatfromUserAccountBean.totalElements">
    </el-pagination> -->
<!-- </div> -->
  </div>
  
</template>


<script>
import {mapState,mapActions,mapMutations} from "vuex";

export default {
computed: {
        ...mapState("platfromUserAccount",["PlatfromUserAccountBean","param"])
      
      },
      data(){
        return{
            
        }
    },
      methods:{
          //  onSubmitService(){
          //   this.curr = 1;
          //   this.param.pageNO=1;
          //   this.findByService();
          // },
                pageClicksService(pn){
                  alert(pn)
                this.param.pageNO =pn;
                this.findByService();
      },
                ...mapActions("platfromUserAccount",["findByService"]),
                ...mapMutations("platfromUserAccount",["setuserAccountAdd"])
      },
       created(){
      
      this.findByService();
      // console.log(this.PlatfromUserAccountBean)
    }
}
</script>

<style>

</style>